<template>
  <el-timeline>
    <el-timeline-item
      v-for="item in chapter"
      :key="item.id"
      :timestamp="item.timestamp"
    >
      <el-card>
        <h3>{{ item.content }}</h3>
      </el-card>
    </el-timeline-item>
  </el-timeline>
</template>
<script setup>
import { getChapter } from '@/api/user'
import { ref } from 'vue'
import { watchLangChange } from '@/utils/i18n'
const chapter = ref([])
const takeChapter = async () => {
  const resp = await getChapter()

  chapter.value = resp
}
takeChapter()
watchLangChange(takeChapter)
</script>
<style lang="scss" scoped></style>
